<template>
  <div class="dashboard-container">
    <div class="dashboard-editor-container">
      <el-card class="box-card">
        <div
          slot="header"
          class="clearfix"
        >
          <div class="el-page-header__content"><b>模型配置</b>
          </div>
        </div>
        <div>
          <el-tabs v-model="activeName">
            <el-tab-pane
              label="IMPALA"
              name="1"
            >
              <impala />
            </el-tab-pane>
            <el-tab-pane
              label="MAPREDUCE"
              name="2"
            >
              <mapreduce />
            </el-tab-pane>
            <el-tab-pane
              label="SPARK"
              name="3"
            >
              <spark />
            </el-tab-pane>
            <el-tab-pane
              label="FLINK"
              name="4"
            >
              <flink />
            </el-tab-pane>
            <el-tab-pane
              label="TEZ"
              name="5"
            >
              <tez />
            </el-tab-pane>
          </el-tabs>
        </div>
      </el-card>
    </div>
  </div>
</template>

<script>
import impala from './impalaConfig.vue'
import mapreduce from './mapreduceConfig.vue'
import spark from './sparkConfig.vue'
import flink from './flinkConfig.vue'
import tez from './tezConfig.vue'
export default {
  components: {impala, mapreduce, spark, flink, tez},
  data() {
    return {
      activeName: '1'
    }
  },
  created() {

  },
  mounted() {
  },

  methods: {

  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>

</style>
